<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>新鲜现做 就是幸福西饼</title>
  <link rel="stylesheet" href="/css/modules/header.css">
</head>

<body>
  <header>
    <div class="wrap">
      <div class="logo-wrap">
        <a href="/index.html">
          <img src="/images/logo.jpg" alt="">
        </a>
      </div>
      <div class="location">
        <div class="address">
          <img src="/images/address.png" alt="">
          <span>成都市</span>
        </div>
        <div class="city">切换城市</div>
      </div>
      <div class="headnav">
        <ul id="tabList">
          <!-- <li>
              <a href="/html/category.html">全部</a>
            </li>
            <li class="hav">
              <a href="#">蛋糕</a>
             <div class="dropdown">
              <ol class="cake">
                <li>
                  <img src="/images/nav-cake-1.jpg" alt="">
                  <span>全部蛋糕</span>
                </li>
                <li>
                  <img src="/images/nav-cake-2.png" alt="">
                  <span>鲜果蛋糕</span>
                </li>
                <li>
                  <img src="/images/nave-cake-3.png" alt="">
                  <span>芝士慕斯蛋糕</span>
                </li>
                <li>
                  <img src="/images/nave-cake-4.png" alt="">
                  <span>混合型蛋糕</span>
                </li>
                <li>
                  <img src="/images/nave-cake-5.png" alt="">
                  <span>多层蛋糕</span>
                </li>
                <li>
                  <img src="/images/nave-cake-6.png" alt="">
                  <span>栗子巧克力蛋糕</span>
                </li>
                <li>
                  <img src="/images/nave-cake-7.png" alt="">
                  <span>节日蛋糕</span>
                </li>
              </ol>
             </div>
            </li>
            <li  class="hav" >
              <a href="#">下午茶</a>
              <div class="dropdown">
                <ol class="cake">
                  <li>
                    <img src="/images/aftertea.png" alt="">
                    <span>下午茶系列</span>
                  </li>
                </ol>
               </div>
            </li>
            <li  class="hav">
              <a href="#">手信</a>
              <div class="dropdown">
                <ol class="cake">
                  <li>
                    <img src="/images/handeletter.png" alt="">
                    <span>全国包邮</span>
                  </li>
                </ol>
               </div>
            </li>
            <li>
              <a href="#">团购预约</a>
            </li>
            <li>
              <a href="#">关于我们</a>
            </li> -->
        </ul>
        <script type="text/html" id="tabsTemplate">
            {{each list tab,index}}
              <li><a href="/html/category.html#{{tab.id}}" target="_blank" class="{{tab.id==id?'ac':''}}">{{tab.name}}</a></li>
            {{/each}}
          </script>
      </div>
      <!-- 搜索 -->
      <div class="toolbox">
        <a href="#" id="search">
          <img src="/images/search.jpg" alt="">
        </a>
        <a href="/html/shopping.html" id="car">
          <img src="/images/car.jpg" alt="">
          <span id="shopnum"></span>
        </a>
        <a href="/html/login.html" id="me">
          <img src="/images/me.jpg" alt="">
        </a>
        <div class="login-success">
          <b id="login-name"></b>
          <b id="logOff">注销</b>
        </div>
        <button>联系客服</button>
        <div class="search-bar">
          <input type="text" class="search-input">
          <a href="javascript:;" id="start-search"></a>
          <ul class="show"></ul>
        </div>
      </div>
    </div>
  </header>

</body>

</html>